@import "variable.styl"



.el-dialog__header div
  font-size 20px !important
  color $color-course-title !important
  font-weight bold
  text-align left
  padding-top 10px
  padding-bottom 20px
  @media (min-width: 1920px)
    font-size 26px !important
    padding-top 4.8vh
    padding-bottom 3.2vh
.headDialog
  .el-dialog
    height 421px
    width 710px
    box-shadow 0px 36px 50px rgba(0,0,0,0.38)
    transform translateY(22%)
    @media (min-width: 1920px)
      height 560px !important
      width 864px !important
      transform translateY(30%)
.el-input.is-active .el-input__inner, .el-input__inner:focus{
  border-color $color-theme
}
.topM
  margin-top 20px
.sendmsg .msgcode{
  width 60%
}
  .verifyCode .msgcode
    width 59%

.randomCode,.sendmsg .el-button{
  float right
}
.sendmsg,.psd{
  margin 22px 0
}
.verifyCode
  margin-top 22px
  .el-form-item__content
    text-align left
.sendmsg
  .el-form-item__content
    text-align left
.dialog-footer button
  background-color $color-theme
  color $color-text
  span
    font-size $font-size-medium

.sendmsg .el-button:focus,.sendmsg .el-button:hover{
  color $color-theme
  background-color transparent
}
.randomCode:focus,.randomCode:hover{
  color $color-text-l
  border 1px solid #dcdfe6
  background-color $color-text
}
.dialog-footer .el-button:focus,.dialog-footer .el-button:hover{
  background-color $color-theme
  color $color-text
}

.el-dialog__headerbtn{
  //top: -18px;
  //right: -16px;
  //width: 30px;
  //height: 30px;
  //border-radius: 50%;
  //background: #fff;
  //box-shadow: 0 3px 8px 0 rgba(0,0,0,0.16)
}

.dialog-footer button{
  width: 100%;
}
.backLogin{
  position absolute
  top 20px
  font-size $font-size-large
  cursor pointer
}

.dialog-footer
  overflow hidden
  span
    font-size $font-size-medium
  p
    display inline-block
    margin-bottom: 30px!important
    margin-top: 20px!important
    @media (min-width: 1920px)
      margin-top: 50px!important
    span
      font-size $font-size-medium
      color $color-theme
      cursor pointer
  .agreement
    position absolute
    bottom 0
    margin-top 0px!important
    font-size $font-size-small!important
    text-align center
    display block
  .forgetpsd
    float right

.el-tabs__nav
  transform translateX(9%) !important
  .is-active
    color $color-theme!important

.el-tabs__item:hover,.el-tabs__item.is-active{
  color $color-text-l
}
.el-tabs__nav-wrap::after{
  display none
}
.el-tabs__active-bar{
  background-color $color-theme
}
.el-tabs__header {
  margin-bottom 15px
}
.el-*{
  background #2aa515
}


.leftImg,.rightCon
  display inline-block
  width 49.5%
  @extend .borderBox;
.leftImg
  height 250px
  float left
  img
    position: absolute;
    left: 0;
    top: 0;
    width 50%
    height: 100%;
    border-radius: 12px 0 0 12px;
    margin 0!important
.rightCon
  padding 0 30px 30px 30px
  @media (min-width: 1920px)
    padding 0 50px 50px 50px
  .msgcode
    input
      margin-bottom 1px

  .msgcode +.is-disabled
    color $color-person-text!important
    background transparent!important
  .msgcode +.el-button
    margin 0!important
  .el-button.is-disabled
    color $color-text
    background $color-theme
    opacity 0.5
  .el-button
    height 40px
    //background $color-theme
    border-radius 20px
    margin-top 8px!important
    @media (min-width: 1920px)
      margin-top 30px !important
.popUp-wrapper
  .el-dialog
    height 421px
    width 355px
    box-shadow 0px 36px 50px rgba(0,0,0,0.38)
    @media (min-width: 1920px)
      height 560px !important
      width 432px !important
.picContent
  .el-dialog
    border-radius: 12px
    width 710px
    box-shadow: 0px 36px 50px rgba(0,0,0,0.38)
    @media (min-width: 1920px)
      width 864px !important
  .el-dialog__body
    padding 0
    border 1px solid #E5E5E5
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  .el-dialog__header
    padding: 5px 20px;
    position: relative;  
  .el-dialog__title
    font-size 14px
    color #202020
    font-weight bold
  .el-dialog__headerbtn
    top 20px
.avatarContent
  .el-dialog__header{
    box-sizing: border-box;
    border-bottom: 1px solid rgba(229,229,229,1);
  }
  .el-dialog{
    min-width: 710px !important;
    max-width: 864px !important;
    box-shadow: 0px 36px 50px 0px rgba(0, 0, 0, 0.38);
    border-radius:12px !important;
  }
  .el-dialog__body{
    padding 0 !important
  }

.el-radio__inner:after {
  margin-left: -2px\9;
  margin-top: -2px\9;
}  
.el-loading-text{
  color #fff !important
}
.apply-dialog
  .promptRadio
    margin-top 30px
    color $color-person-text
  .apply-btn-wrapper
    margin-top  15px
  .apply-select
    margin-top 18px




